<template>
  <Loyout class="toast-demo">toast-demo</Loyout>
</template>

<script lang="ts" setup>
import Loyout from '@/layouts/index.vue'
import { useToast } from 'wot-design-uni'
/** 测试toast */
const Toast = useToast()
const description = ref(
  'unibest 是一个集成了多种工具和技术的 uniapp 开发模板，由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI + VSCode 构建，模板具有代码提示、自动格式化、统一配置、代码片段等功能，并内置了许多常用的基本组件和基本功能，让你编写 uniapp 拥有 best 体验。',
)
onLoad(() => {
  Toast.success(description.value)
})

// 'app-plus': {
//   titleNView: {
//     buttons: [
//       {
//         type: 'menu',
//         color: '#000',
//       },
//     ],
//   },
// },

onNavigationBarButtonTap(() => {
  console.log('222', 222)
})
</script>

<style lang="scss">
.login-page {
  .input-label {
    justify-content: center;
    &.is-required::after {
      display: none;
    }
  }
  .wd-input__body {
    border-bottom: 1rpx solid #999;
  }
}
</style>
